<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
<!-- 
		<link media="all" rel="stylesheet" href="css/pre-v3.css">
 -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
<!-- 
		<script type="text/javascript" src="js/headerscripts.js"></script>
 -->
		<!-- end incluir scripts //-->

	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor //-->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
	
		<div class="fondo-pagina" style="background: url(css/css_images/fondo-home-beige.jpg);">
			<div class="gradient">&nbsp;</div>
		</div>

		<div class="user">
			<div class="profile">
				<p class="profile-pic"><span class="corners w50px l">
												<img id="profile-img-photo-booth" src="images/male.png" alt="Matteo Monti" width="50px" height="50px" />
				<script type="text/javascript">
				 facebookUser = QP.FaceBookConnect.User.getCachedUser();
				 if(facebookUser){
				 console.log(facebookUser.pic_square);
				 url_facebook_pic="";
				 campo_img = "profile-img-photo-booth";
					 if(facebookUser.pic_square!=""){
						url_facebook_pic = facebookUser.pic_square;
						$('#'+campo_img).attr('src',url_facebook_pic);
					}
				 }
				</script>
								
				<span class="cornersgris"></span>
				</span></p>
								
				<p><span class="bienvenido">Bienvenido, <strong>Matteo Monti</strong>!</span> <small class="bot-salir"><b></b><a href="/login/logout">Salir</a></small> </p>
				<p class="mis_cosas">
					<span ><b></b><a href="/account/profile">mi perfil</a></span>
					<span ><b></b><a href="/account/index">mis tarjetas</a></span>
					<span ><b></b><a href="/account/index">mis compras</a></span>
				</p>
			</div> <!-- cerrar profile //-->
			<div class="mensajes">
				<div class="usermessage">
					<p>Compra por importe de 2.85 euros realizada con exito</p>				
				</div>
			</div> <!-- cerrar mensajes //-->
		</div><!-- cerrar user //-->



		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar //-->

<!-- aqui empieza el div class="page -->

<div class="page">

<!-- columna de contenido lateral //-->
		<div class="c-320">
			<!--  Hay 4 clases de tarjetas: default, member, premium, vip -->

<div id="tarjeta" class="member">
	<div id="front" style="background: url(images/pans/tarjeta/tarjeta_front.png) 0 0 no-repeat;">
		<div class="t-content">
			<div class="t-anunciante">
				<div class="t-anunciante-logo" style="background: url(images/pans/pans-logo-thumb.png) 0 0 no-repeat;"></div>
				<h5 class="t-anunciante-nombre">
								<a href="http://runroom.qporama.es/loyaltycard?card_id=1" title="Pans & Fans">Pans & Fans</a>
								
				<span></span>
				</h5>
			</div> <!-- cerrar t-anunciante //-->
			<div class="t-usuario">
				<div class="estrella"></div>
				<p class="t-usuario-nombre">Matteo Monti</p>
								<p class="t-usuario-status"><span>Member</span></p>
							</div> <!-- cerrar t-anunciante //-->
		</div> <!-- cerrar t-content //-->
	</div> <!-- cerrar front //-->
	
	
	
	
					<div class="puntos-acumulados">
				<p>tienes  <span class="num-puntos">2</span>  puntos</p>
			</div>
					
	
	<div id="back">
		<div class="t-content">
						<!-- p class="peque r50 loyaltylink"><a href="loyalty.html">[Cómo consigo puntos]</a></p -->

			<div class="popup">
				<div class="row member"><div class="estrella"></div><p class="pqarial">por conectarte <span class="tick"></span></p></div>
				<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">100</span> puntos<span class="tick"></span></p></div>
				<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">200</span> puntos<span class="tick"></span></p></div>
			</div>

			<p class="micro">Pans & Fans </p>

		</div> <!-- cerrar t-content //-->
	</div>
	
	<div id="info">i</div>	<div id="volver">&lt;</div>		
	<div class="marco"><span class="resplandor"></span></div>

	<!-- COMPARTIR //-->
	<p class="sharetrigger small" onclick="$('#st-tarjeta').fadeIn('slow');"><a href="#"><span>[compartir]</span></a></p>
	<!-- tooltip element -->
		<div class="sharetip" id="st-tarjeta">
			<div class="caja c140 fl-arriba der">
				<div class="content">
					<p><small class="soft">Comparte esta tarjeta</small></p>
					<div class="shareoptions">
					<!-- AddThis Button BEGIN -->
						<div class="addthis_toolbox addthis_default_style" adthis:url="http://runroom.qporama.es/loyaltycard?card_id=1" addthis:title="Pans & Fans"> <!--" -->
							<p><a class="addthis_button_facebook_like" fb:like:layout="button_count"  ></a></p>
							<p><a class="addthis_button_tweet" tw:count="horitzontal" ></a></p>
							<p><a class="addthis_button_googlebuzz" >Google BUZZ</a></p>
							<p><a class="addthis_button_email" href="#">enviar e-mail</a></p>
						</div>
						<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=qporama"></script>

<!-- AddThis Button END -->
								
					</div> <!-- cerrar shareoptions //-->
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja //-->
		</div> <!-- cerrar sharetip //-->
	<!-- CERRAR COMPARTIR //-->

</div> <!-- cerrar #tarjeta //-->			
		</div> <!-- cerrar columna de 320px de ancho //-->



<!-- columna de contenido principal //-->
		<div class="c-620 f620">
		
	<!-- caja nombre anunciante fondo gris //-->
			<div class="caja c620 f1f1f1 unido-top">
				<div class="content">
					<h2 class="titulo-principal">Imprime tu Qpon</h2>
					<p class="soft"><small><a href="#" onclick="javascript:window.print();">[imprimir]</a></small>  &nbsp;
					<small class="r"><a class="volver" href="/distribution?coupon_id=283" title="volver a la oferta">[volver a la oferta]</a></small>
					</p>
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja //-->

	<!-- caja oferta fondo blanco //-->
		<div class="caja c620 unido-bot">
			<div class="content">
				<!--  TODO: INFORMACION TARJETA -->
								
				<h1 class="oferta">2x1 Pans&Company. Llévate tu segundo bocadillo gratis.</h1>

				<div class="oferta-detalles checkout">
					<p class="corners w70px l"><img src="images/pans/ofertas/menu-vegetal/menu-vegetal-thumb.jpg" alt="" width="70px"/><span class="cornersfff"></span></p>
					<p class="peque soft">Paga uno y llevate dos, por el pago de cualquier bocadillo Pans&Company<!--more--> te llevas otro de igual o inferior valor. No acumulable a otras ofertas y promociones.</p>
					
					<p class="peque" style="margin: 10px 0;">Esta oferta caduca el 31/01/11</p>

					<div class="condiciones">
						<p class="peque soft"><strong>Condiciones</strong></p>
						
						<ul>
<li>Promoción válida sólo en locales</li><li>Pans&Company adheridos a la promoción</li>
<li>Sólo hay un cupón válido por usuario.</li>
<li>No acumulable a otras ofertas y promociones.</li>
</ul>
					</div> <!-- cerrar condiciones //-->

				</div> <!-- cerrar oferta-detalles //-->

					<div class="checkTable">
						<table class="hasCheckout">
							<tr class="micro">
								<th>VALOR REAL</th>
								<th>DESCUENTO</th>
								<th>AHORRO</th>
								<th>CANTIDAD</th>
								<th>TOTAL</th>
							</tr>
							<tr class="countdown_amount">
								<td class="first">6 €</td>
								<td>3.15 €</td>
								<td>52.5 %</td>
								<td>1</td>
								<td>2.85 €</td>
								
								
							</tr>
						</table>
					</div> <!-- cerrar discount //-->


				<div class="clear">&nbsp;</div>


	<!-- COMPARTIR //-->
			<p class="sharetrigger small right" onclick="$('#st-oferta').fadeIn('slow');"><a href="#"><span>[compartir]</span></a></p>
	<!-- tooltip element -->
		<div class="sharetip right" id="st-oferta">
			<div class="caja c140 fl-abajo der">
				<div class="content">
					<p><small class="soft">Comparte esta oferta</small></p>
					<div class="shareoptions">
					<!-- AddThis Button BEGIN -->
						<div class="addthis_toolbox" adthis:url="/distribution/?coupon_id=283" addthis:title="2x1 Pans&Company. Llévate tu segundo bocadillo gratis."> <!-- addthis_default_style" -->
							<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" ></a></p>
							<p><a class="addthis_button_tweet" tw:count="horitzontal" ></a></p>
							<p><a class="addthis_button_googlebuzz" >Google BUZZ</a></p>
							<p><a class="addthis_button_email" href="#">enviar e-mail</a></p>
						</div>
						<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=qporama"></script>
<!-- AddThis Button END -->
								
					</div> <!-- cerrar shareoptions //-->
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja //-->
			<!-- p class="thecloser"><a title="cerrar" class="close-comp" href="#"><span>cerrar</span></a></p //-->
		</div> <!-- cerrar sharetip //-->

			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->


	<!-- caja localizar establecimiento fondo blanco //-->
		<div id="localize-box" class="caja c620">
			<div class="content">
				<h2 class="titulo-principal light">Donde puedes disfrutar de esta oferta</h2>
				<p class="soft" style="margin: 10px 0;"><span id="selected-listing">
				
				<!-- TODO: DIRECCION DEL ESTABLECIMIENTO --> 
				Dirección del establecimiento<br />
									pans muntaner, muntaner 363, , barcelona
								</span> </p>
				
				

				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

		
		<!-- caja he leido y acepto //-->
		<div class="caja c620" >
			<div class="content">
				<img src="css/css_images/icon-print.png" alt="imprimir" width="55" height="60" style="float: left; margin-right: 20px;" />
				<p class="boton primario grande" style="float: left; position: relative; top: 10px;">
					<a href="#" onclick="$('#gototop').hide(); window.print();" title="imprime tu cupón"><span>Imprime tu cupón</span></a>
				</p>

				<img src="css/css_images/icon-sms.png" alt="enviar sms" width="55" height="60" style="float: left; margin-left: 40px;" />
				<p class="boton primario grande" style="float: left; position: relative; top: 10px;">
					<a href="#" title="{{translate lang=$locale}}Envía tu cupón por SMS{{/translate}}"><span>Envía tu cupón por SMS</span></a>
				</p>

				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

			<div class="clear">&nbsp;</div>
		
		</div> <!-- cerrar columna de 620px de ancho //-->

		<div class="entera"></div> <!-- cerrar columna de 100% de ancho //-->

	</div> <!-- cerrar page //-->

	<div id="gototop"><p><a href="#top">volver arriba</a></p></div>




<!-- EL QPON/ES PARA IMPRIMIR //-->
 <div id="qpones">


  <div class="qpon"> <!--  TODO : falta la variable $gift, para saber si es regalo //--><!-- poner/quitar class="regalar" si es regalo o no //-->
    <div class="qpon-border">
          
      <div class="qpon-logo">
        <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" align="center">
          <tr><td width="100%" height="100%" align="center" valign="middle"><img src="http://qporama-eu.s3.amazonaws.com/development/advertisers/21/loyalty_cards/1/card_logo.jpg" alt="http://qporama-eu.s3.amazonaws.com/developmentPans & Fans" /></td></tr>
        </table>
      </div> <!-- cerrar qpon-logo //-->
    
      <div class="beneficiario">
        <p>Beneficiario: &nbsp;<b>
        Matteo Monti
        </b></p>
        <p>Código:  &nbsp;<b>2RZANFNW</b></p>
        <p>Caduca:  &nbsp;<b>31/01/11</b></p>
                 <p>Valor:  &nbsp;<b>2.85 €</b></p>
      	      </div> <!-- cerrar beneficiario //-->
    
      <hr />
    
      <h2>2x1 Pans&Company. Llévate tu segundo bocadillo gratis.</h2>
    
      <div class="map-details">
        <div class="iframewrap">
        	          	<div id="mapa_0" style="width: 350px; height: 200px"></div>
          
          	<script type="text/javascript">initialize('0');</script>
                  </div> <!-- cerrar iframewrap //-->			
        <p><br /><b>Detalles</b><br />Paga uno y llevate dos, por el pago de cualquier bocadillo Pans&Company<!--more--> te llevas otro de igual o inferior valor. No acumulable a otras ofertas y promociones.</p>
      </div> <!-- cerrar map-details //-->
    
      <div class="direccion-descripcion">
        
	        <h3>pans muntaner</h3>
	        <p>muntaner 363
	        <br /> barcelona
	        	        <br />Teléfono: 934158409</p>
	        	        
	        <h4>¿Cómo utilizo este Qpon?</h4>
	        <ol>
	          <li>Imprime el cupón</li>
	          <li>Presenta el cupón a tu llegada</li>
	          <li>Disfruta!</li>
	        </ol>
               
      
        <h4>Ayuda Qporama:</h4>
        <p>+34 93 300 92 67
        <br />De lunes a viernes de las 09:00 a las 19:00</p>
        <p>&nbsp;</p>
        <p>soporte@qporama.com</p>
    
      </div> <!-- cerrar direccion-descripcion //-->
    
      <hr />
    
      <div class="barcode">
        <div class="center">
          <img src="/barcode/stream?codification=EAN_13&type=QCODE&orientation=h&code=217635656972" alt="" />
        </div>
        <div class="powered"><p>powered by <br /><img src="css/css_images/qpon-powered-by-qporama.gif" alt="Powered by Qporama" /></p></div>
      </div> <!-- cerrar barcode //-->
    
      <div class="qpon-cierre"></div> <!-- cerrar qpon-cierre //-->
    </div> <!-- cerrar qpon-border //-->
  
    <div class="legal-txt">
      <p><b>Condiciones</b></p><ul>
<li>Promoción válida sólo en locales</li><li>Pans&Company adheridos a la promoción</li>
<li>Sólo hay un cupón válido por usuario.</li>
<li>No acumulable a otras ofertas y promociones.</li>
</ul>
    </div> <!-- cerrar legal-txt //-->
  
  </div> <!-- cerrar qpon //-->
</div> <!-- cerrar #qpones //-->

<!-- FINALIZA EL QPON/ES PARA IMPRIMIR //-->

</body>
</html>